@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}

  .contain {
	background-color: #c9e0e9;
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
  margin-top: 10px;
	padding: 1em;
  transition: all 0.8s ease-in-out;
  }
  
  .contain:hover{
    box-shadow: 5px 5px 15px 5px black;
  }

  div.form {
	background-color: #82d1df;
  }
  .contact-wrapper {
	margin-left: -5px;
	
  }
  
  .submit-btn {
	float: left;
  }
  .reset-btn {
	float: right;
  }
  
  .form-headline:after {
	content: "";
	display: block;
	width: 10%;
	padding-top: 10px;
	border-bottom: 3px solid #000000;
  }
  
  .highlight-text {
	color: #1cc2ec;
  }
  
  .hightlight-contact-info {
	font-weight: 700;
	font-size: 22px;
	line-height: 1.5;
  }
  
  .highlight-text-grey {
	font-weight: 500;
  }
  
  .email-info {
	  margin-top: 20px;
  }
  
  ::-webkit-input-placeholder { /* Chrome */
	font-family: 'Roboto', sans-serif;
  }
  
  .required-input {
	color: black;
  }
  @media (min-width: 600px) {
	.contain {
	  padding: 0;
	}
  }
  
  h3,
  ul {
	margin: 0;
  }
  
  h3 {
	margin-bottom: 1rem;
  }
  
  .form-input:focus,
  textarea:focus{
	outline: 1.5px solid #4eb3db;
  }
  
  .form-input,
  textarea {
	width: 100%;
	border: 1px solid #dbd6d6;
	border-radius: 5px;
  }
  
  .wrapper > * {
	padding: 1em;
  }
  @media (min-width: 700px) {
	.wrapper {
	  display: grid;
	  grid-template-columns: 2fr 1fr;
	}
	.wrapper > * {
	  padding: 2em 2em;
	}
  }
  
  ul {
	list-style: none;
	padding: 0;
  }
  
  .contacts {
	color: #212d31;
  }
  
  .form {
	background: #fff;
  }
  
  form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
  }
  form label {
	display: block;
  }
  form p {
	margin: 0;
  }
  
  .full-width {
	grid-column: 1 / 3;
  }
  
  button,
  .submit-btn,
  .form-input,
  textarea {
	padding: 1em;
  }
  
  button, .submit-btn {
	background: transparent;
	border: 1px solid #ec1c24;
	color: #ec1c24;
	border-radius: 15px;
	padding: 5px 20px;
	text-transform: uppercase;
  }
  button:hover, .submit-btn:hover,
  button:focus , .submit-btn:focus{
	background: #ec1c24;
	outline: 0;
	color: #eee;
  }
  .error {
	color: #ec1c24;
  }
  /* footer */
footer {
  background-color: #4caf50; /* Green background */
  color: white; /* White text */
  padding: 20px;
  font-family: Arial, sans-serif;
  line-height: 1.6;
}

.footer-menu {
  display: flex;
  flex-wrap: wrap; /* Allow wrapping for smaller screens */
  justify-content: center; /* Center align items */
  margin-bottom: 20px;
}

.footer-menu a {
  color: white;
  text-decoration: none;
  margin: 0 15px;
  font-size: 14px;
  padding: 5px 0;
}

.footer-menu a:hover {
  text-decoration: underline;
}

.footer-info {
  text-align: center;
}

.footer-info p {
  margin: 5px 0;
  font-size: 14px;
}

.footer-info a {
  color: white;
  text-decoration: none;
}

.footer-info a:hover {
  text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
  .footer-menu {
    flex-direction: column; /* Stack links vertically */
    align-items: center; /* Center align vertically stacked links */
  }

  .footer-menu a {
    margin: 5px 0; /* Add vertical spacing for stacked links */
  }
}

@media (max-width: 480px) {
  footer {
    padding: 15px;
  }

  .footer-menu a {
    font-size: 12px; /* Smaller font for very small screens */
  }

  .footer-info p {
    font-size: 12px;
  }
}